SSR Server Side Rendering
https://gyazo.com/9c861591cee77f0f3a9c1b56ff5b48f2
サーバ Server
で
レンダリング Rendering Web
して高速化する方法
昔からやってた方法だが
SPA Single Page Application
のような
CSR Client side rendering
が出てきて、初期ページにおける描画の遅さに課題あった
SPA Single Page Application
の
WebPlatformApp Performance
あげるために利用
必要例
表示速度の高速化
例
初回の応答速度を可能な限り高めたい
SPA Single Page Application
ニュースサイト
他者と
SEO 検索エンジン最適化
速度バトル
SEO 検索エンジン最適化
対策
social media 対策
URL を貼るとAPI のデータを基に以下がプレビュー
OGP Open Graph protocol
とページタイトル
URLでの限定共有
あとからSSR必要そうなパターン
後から変更するのは、コストかかる
いらないパターン
使い手が決まっている
SPA Single Page Application
社内向け管理App
コスト
Node.js
サーバーを追加で運用
Cloud Computing クラウド
費用
Node.js
のアップデート (1,2年)
セキュリティ Security
対策
メモリリーク
、
サーバースケーリング
への対処
最近へってるみたい
BFF Backends For Frontends
や
JAMStack
へ
Vue.js Server-Side Rendering Guide | Vue SSR Guide
「SSRと規約だけ」の勘違いを解く、 Nuxt.js をプロジェクトで採用すべき理由 - ROXX(旧SCOUTER)開発者ブログ
https://twitter.com/potato4d/status/1324616295577317377